<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h2,table{
            margin:0;
            padding:0;
        }
        .refund_list{
            /*width:297px;*/
            width:11.4in;
            height:7in;
            text-align: center;
            font-family:"Microsoft YaHei";
            font-size:12px;
        }
        .refund_list h1{
            margin-top: .4in;
            text-align: center;
            margin-bottom:.2in;
        }
        .refund_list table{
            width:9in;
            margin:0 auto;
            text-align: center;
            border:2px solid #000;
            border-collapse: collapse;
        }
        .refund_list table tr{
            height:.5in;
        }
        .refund_list table tr td{
            width:1.6in;
            background: #fff;
            border:2px solid #000;
        }
        .overstrik{
            font-weight: bold;
        }
        .refund_list .print{
            background: none;
            border:none;
            height: .3in;
            width: .8in;
            border:1px solid #ccc;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
            border-radius:6px;
            margin-top:.3in;
        }
    </style>
</head>
<body>
<div class="refund_list">
    <h1 class="overstrik">客户退款明细表</h1>
    <table cellpadding="0" cellspacing="2">
        <tr>
            <td class="overstrik">用户手机号</td>
            <td>12876002580</td>
            <td class="overstrik">充值日期</td>
            <td colspan="2"></td>
            <td class="overstrik">退款日期</td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td class="overstrik">充值回执单号</td>
            <td colspan="7"></td>
        </tr>
        <tr>
            <td class="overstrik">退款单号</td>
            <td colspan="7"></td>
        </tr>
        <tr>
            <td class="overstrik">退款回执单号</td>
            <td colspan="7"></td>
        </tr>
        <tr>
            <td class="overstrik">充值金额</td>
            <td></td>
            <td class="overstrik">退款金额</td>
            <td></td>
            <td class="overstrik">退款返还金额</td>
            <td></td>
            <td class="overstrik">退款后余额</td>
            <td></td>
        </tr>
        <tr>
            <td class="overstrik">充值方式</td>
            <td colspan="3"></td>
            <td class="overstrik">退款方式</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td class="overstrik">系统退款</td>
            <td></td>
            <td class="overstrik">运营部签字</td>
            <td colspan="2"></td>
            <td class="overstrik">日期</td>
            <td colspan="2">2019/12/12 12:00:00</td>
        </tr>
        <tr>
            <td class="overstrik">财务退款</td>
            <td></td>
            <td class="overstrik">财务部签字</td>
            <td colspan="2"></td>
            <td class="overstrik">日期</td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td class="overstrik" rowspan="3">退款原因</td>
            <td rowspan="3" colspan="7"></td>
        </tr>
        <tr>
        </tr>
    </table>
    <input type="button" value="打印" class="print">
</div>
</body>
<script src="js/jquery.js"></script>
<script>
    $("div").delegate(".print", "click", function () {
        $(this).remove();
        window.print();
        $("table").after('<input type="button" value="打印" class="print">');
    });
</script>
</html>